<template>
	<view class="container">
		<view class="bg-head" :style="{backgroundImage: 'url(' + currentAddress.detailImgUrl + ')' }"></view>
		<view class="bg-body">
			<view class="title">{{currentAddress.name}}</view>
			<view class="intro">
				{{currentAddress.feature}}
			</view>
			<view class="intro">
				{{currentAddress.intro}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentAddress: {}
			}
		},
		methods: {

		},
		mounted() {
			const currentAddress = uni.getStorageSync("currentAddress") || {}
			this.currentAddress = currentAddress
			uni.setNavigationBarTitle({
				title:currentAddress.name
			})
		},
		onHide() {
			uni.clearStorageSync("currentAddress")
		}
	}
</script>

<style scoped lang="scss">
	.container {
		width: 100%;

		.bg-head {
			width: 100%;
			height: 496rpx;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}

		.bg-body {
			z-index: 99;
			margin-top: -116rpx;
			background-image: url('https://maywork.oss-cn-shanghai.aliyuncs.com/static/bg-content.png');
			min-height: 1068rpx;
			max-height: 1328rpx;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;

			display: flex;
			flex-direction: column;
			color: #FFF0C8;

			.title {
				font-size: 18px;
				padding: 0 6%;
				margin-top: 162rpx;
			}

			.intro {
				padding: 0 6%;
				font-size: 14px;
				margin-top: 20rpx;
				line-height: 50rpx;
			}

		}

		.bg-content {
			background-image: url('https://maywork.oss-cn-shanghai.aliyuncs.com/static/bg-body.png');
			min-height: 680rpx;
			// margin-top: -310rpx;



		}
	}
</style>